.component-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.6);

	&.hide {
		display: none;
	}

	.footer {
		display: flex;
		justify-content: space-around;
		align-items: center;
		//position: absolute;
		height: 100px;
		//bottom: 0;
		//left: 0;
		width: 100vw;
	}

	.btn {
		transform: rotate(90deg);
		color: white;
		font-size: 16px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120rpx;
		height: 80rpx;
		border-radius: 16rpx;

		&.cancel {
			background: #999;
		}

		&.confirm {
			background: #1e90ff;
		}

		&.danger {
			background: #ff0000;
		}
	}
}
